<template>
    <div>
        <ul>
            <li>
                <p>{{title}}</p>
                <span>{{text}}</span>
                <button>查看详情</button>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
     props:["title","text"]
   
}
</script>

<style lang="scss" scoped>
 ul{
    
    margin-top: 5%;
    width: 100%;
    border-bottom: .5px solid #000;
    border-top: .5px solid #000;
    li{
        width: 100%;
        position: relative;
       
        p{
           font-size: 5vw;
           text-align: left;
            line-height: 50px;
            padding-left: 5%;
        }
        span{
           font-size: 5vw;
        
           
           line-height: 50px;
        }
        button{
            position: absolute;
            right: 5px;
            top: 40%;
            background-color: grey;
        }
    }
 }
</style>